<template>
  <Search></Search>
  <span class="iconfont caidan"></span>
  <a-card>
    <a-row :gutter="16">
      <a-col class="gutter-row" :span="3">
        <div class="!py-2 bg-amber-700 flex justify-center items-center h-full">
           <div class="!flex justify-center items-center h-1/2 w-50"> 
          <a  @click="openModal">
              <WsSvgIcon name="add" class="h-25 w-25"/>
            </a>
           
           </div> 
        </div>
      </a-col>
      <a-col class="gutter-row" :span="3" v-for="(item, index) in 15">
        <div class="!py-2">
          <a-card hoverable class="h-full">
            <template #cover>
              <img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" />
            </template>
            <template #actions>
              <span>编辑</span>
              <span>删除</span>
              <span>详情</span>
            </template>
            <a-card-meta title="Card title" description="This is the description">

            </a-card-meta>
          </a-card>
        </div>
      </a-col>

    </a-row>
  </a-card>
</template>
<script setup>
import Search from './search.vue'
const openModal=()=>{
  alert("aa")
}
</script>

<style scoped>


</style>